$(function(){
    $('#tags').on('click', 'i', function(e){
        $(this).parent().parent().remove();
    });
    $('#addBtn').on('click', function(e){
        var tag = $.trim($('#tagContent').val());
        if(tag){
            var html = '<h4 data-tag="'+tag+'">\
                                <span class="label label-primary">'+tag+'\
                                <i class="icon-cross"></i>\
                                </span>\
                            </h4>';
            $('#tags').prepend(html);
            $('#tagContent').val('');
            $('#newTag').modal('hide');
        }
    });
    var tags = [];
    $('#submitBtn').on('click', function(e){
        var btn = $(this);
        var name = $.trim($('#name').val());
        var description = $.trim($('#description').val());
        if(name === ''){
            $('#name').parent().addClass('has-error');
            AlertBox.showTip('来个霸气的名字吧');
            return;
        }
        $('#name').parent().removeClass('has-error')
        $('#tags h4').each(function(i, n){
            if($(n).attr('data-tag')){
                tags.push($(n).attr('data-tag'))
            }
        });
        $('#tagArr').val(tags.toString());
        btn.button('loading');
        $('#factionForm').submit();
    })
});